import {default as bsinit} from '/nginxConfig/js/nginxserverbs.js'
import {default as csinit} from '/nginxConfig/js/nginxservercs.js'

function nginxserverInitCSS() {
	$('#section4').css({"background-color":"#cccccc"});
	$('#section4-nav').children('button:eq(0)').addClass("active");
}
/**
 * 导航标签的样式与数据区样式
 * @returns
 */
function nginxserverShift(){
	let index = $("#section4-nav button").index(this);
	// 导航标签被选中的加样式，其他的移除样式
	$.each($('#section4-nav').children('button'),function(i,obj){
		if (i == index) {
			$(obj).addClass("active");
		} else {
			$(obj).removeClass("active");
		}
	});
	nginxserverChoose(index);
}
/**
 * 数据区的显示与隐藏
 * @param index
 * @returns
 */
function nginxserverChoose(index){
	if (index>=0) {
		for (let i = 0,size = $('#section4-nav').children('button').length; i < size; i++) {
			if (i == index) {
				$('#section4content'+i).show();
			} else {
				$('#section4content'+i).hide();
			}
		}
	}
}
//==========================================================================
//界面按钮的事件
//==========================================================================
//==========================================================================
//初始化执行操作
//==========================================================================
nginxserverInitCSS();// 只执行一次
bsinit();
csinit();
nginxserverChoose(0);
//==========================================================================
//给界面按钮绑定事件
//==========================================================================
$('#section4-nav').children('button').click(nginxserverShift);